{extend name="public:base" }
{block name="body"}
<pjax>
	<section class="error-404 not-found">
		<header class="page-header">
			<h1 class="page-title">Oops! That page can’t be found.</h1>
		</header>
		<div class="page-content">
			<p>It looks like nothing was found at this location. Maybe try one of the links below or a search?</p>
			<form role="search" method="get" class="form-search" action="/">
				<div class="input-group">
					<label class="screen-reader-text" for="s">Search for:</label>
					<input type="text" class="form-control search-query" placeholder="Search…" value="" name="s" title="Search for:">
					<span class="input-group-btn">
						<button type="submit" class="btn btn-default" name="submit" id="searchsubmit" value="Search"><span class="fa fa-search"></span></button>
					</span>
				</div>
			</form>
			<div class="row">
				<div class="col-md-6 not-found-widget">
					<div class="widget widget_recent_entries">
						<h2 class="widgettitle">Recent Posts</h2>
						<ul>
							<li><a href="/template-pingbacks-an-trackbacks/">How to Use WordPress Pingbacks And Trackbacks</a></li>
							<li><a href="/hello-world/">We Created This Awesome Free WordPress Theme To Set New Industry Standard</a></li>
							<li><a href="/post-format-gallery/">Post Format: WordPress Tiled Gallery</a></li>
							<li><a href="/media-twitter-embeds/">Twitter Embeds – We Used Colorlib Twitter Account For This Demo</a></li>
							<li><a href="/template-featured-image-vertical/">Another Featured Image Template With a Beautiful Instagram Logo</a></li>
						</ul>
					</div>
				</div>
				<div class="col-md-6 not-found-widget">
					<div class="widget widget_categories">
						<h2 class="widgettitle">Most Used Categories</h2>
						<ul>
							<Data:loop name="Category" module="Article" limit="all" var="var" order="id desc">
							<li class="cat-item cat-item-{$var.id}">
								<a href="/Article/Category/{$var.id}.html" title="" pjax>{$var.title}</a>
								<span>16</span>
							</li>
							</Data:loop>
						</ul>
					</div>
					<!-- .widget -->
				</div>
			</div>

			<div class="row">
				<div class="col-md-6 not-found-widget">
					<div class="widget widget_archive">
						<h2 class="widgettitle">Archives</h2>
						<p>Try looking in the monthly archives. </p>
						<label class="screen-reader-text" for="archives-dropdown--1">Archives</label>
						<select id="archives-dropdown--1" name="archive-dropdown" onchange="document.location.href=this.options[this.selectedIndex].value;">
							<option value="">Select Month</option>
							<option value="/2015/04/"> April 2015 </option>
							<option value="/2015/03/"> March 2015 </option>
							<option value="/2015/01/"> January 2015 </option>
							<option value="/2014/01/"> January 2014 </option>
							<option value="/2013/10/"> October 2013 </option>
							<option value="/2013/09/"> September 2013 </option>
							<option value="/2010/08/"> August 2010 </option>
							<option value="/2010/07/"> July 2010 </option>
							<option value="/2010/06/"> June 2010 </option>
							<option value="/2010/05/"> May 2010 </option>
							<option value="/2010/04/"> April 2010 </option>
							<option value="/2010/03/"> March 2010 </option>
							<option value="/2010/02/"> February 2010 </option>
							<option value="/2010/01/"> January 2010 </option>
							<option value="/2009/10/"> October 2009 </option>
							<option value="/2009/09/"> September 2009 </option>
							<option value="/2009/08/"> August 2009 </option>
							<option value="/2009/07/"> July 2009 </option>
							<option value="/2009/06/"> June 2009 </option>
							<option value="/2009/05/"> May 2009 </option>
						</select>
					</div>
				</div>
				<div class="col-md-6 not-found-widget">
					<div class="widget widget_tag_cloud">
						<h2 class="widgettitle">Tags</h2>
						<div class="tagcloud" style="display: block;">
							<Data:loop name="Tag" limit="all" module="Article" var="var" order="id desc">
							<a href="/Tag/{$var.name}.html" class="tag-link-66" title="{$var.name}" style="font-size: 8pt;">{$var.name}</a>
							</Data:loop>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<script type="text/javascript">
		var MODULE_NAME ='{$Think.const.MODULE_NAME}',ACTION_NAME ='{$Think.const.ACTION_NAME}';
	</script>
</pjax>
{/block}
{block name="side"}
{/block}